<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>模板字符串</title>
</head>

<body>
	<script type="text/javascript">
		// let name = `张三`;
		// let sayHello = `Hello, 我的名字叫${name}`;
		// console.log(sayHello);

		// let obj = { name: 'zs', age: 18 }
		// 传统方式
		// let html = '<div> <span>'+ obj.name +'</span> <span>'+ obj.age +'</span> </div>'

		// 模板字符串
		// 		let html = `
		//   <div>
		//     <span>${obj.name}</span>
		//     <span>${obj.age}</span>
		//   </div>
		// `

		// console.log(html)

		// let result = {
		// 	name: "zhangsan",
		// 	age: 20
		// };
		// let html = `
		// 	<div>
		// 		<span>${result.name}</span>
		// 		<span>${result.age}</span>
		// 	</div>
		// `;
		// console.log(html);

		// const fn = () => {
		// 	return '我是fn函数'
		// }

		// let html = `我是模板字符串 ${fn()}`;
		// console.log(html)

		// 模板字符串: 调用函数得到结果
		function getData() {
			return '结果'
		}
		let str = `我现在想拿到结果,具体内容是:${getData()}`
		console.log(str)

	</script>
</body>

</html>